<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:72:"F:\yxl\tp5.com\public/../application/admin\view\user_list\user_list.html";i:1560480488;s:56:"F:\yxl\tp5.com\application\admin\view\layout\header.html";i:1561267602;s:56:"F:\yxl\tp5.com\application\admin\view\layout\footer.html";i:1560398265;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <style>
        /*分页*/
        .pagination {}

        .pagination li {display: inline-block;margin-right: -1px;padding: 7px;border: 1px solid #e2e2e2;min-width: 20px;margin-top:20px;text-align: center;}

        .pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}

        .pagination li a {display: block;text-align: center;}

        a{
            color: #FF00FF;
        }

        table{
            margin-top:30px;
            text-align:center;
        }

        select{
            text-align:center;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">控制台</a></li>

            <li class="layui-nav-item layui-this">
                <a href="javascript:;">功能</a>
                <dl class="layui-nav-child">
                    <dd><a href="<?php echo url('index/img'); ?>">轮播图</a></dd>
                    <dd><a href="<?php echo url('index/flow'); ?>">流加载</a></dd>
                    <dd><a href="<?php echo url('index/send_sms'); ?>">手机号验证</a></dd>
                    <dd><a href="<?php echo url('index/send_mail'); ?>">php邮箱验证</a></dd>
                </dl>
            </li>

            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">邮件管理</a></dd>
                    <dd><a href="">消息管理</a></dd>
                    <dd><a href="">授权管理</a></dd>
                </dl>
            </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item"><a href="<?php echo url('/demo/index/index'); ?>">进入前台</a></li>
            <li class="layui-nav-item">
                <a style="color:red">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">

                </a>
                <dl class="layui-nav-child">
                    <dd><a href="<?php echo url('means/index'); ?>">基本资料</a></dd>
                    <dd><a href="<?php echo url('means/settings'); ?>">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="<?php echo url('login/loginout'); ?>">该退了</a></li>
        </ul>
    </div>


    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">列表页面</a>
                    <dl class="layui-nav-child">
                        <dd><a href="<?php echo url('Index/index'); ?>">博客列表</a></dd>
                        <dd><a href="<?php echo url('jquery/jlist'); ?>">地区列表</a></dd>
                        <dd><a href="<?php echo url('nav/index'); ?>">图片列表</a></dd>
                        <dd><a href="<?php echo url('UserList/userlist'); ?>">管理员列表</a></dd>
                        <dd><a href="<?php echo url('auth/index'); ?>">角色列表</a></dd>
                        <dd><a href="<?php echo url('group/group'); ?>">用户组列表</a></dd>
                        <dd><a href="<?php echo url('Rule/rules'); ?>">权限列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">列表添加</a>
                    <dl class="layui-nav-child">
                        <dd><a href="<?php echo url('nav/add_nav'); ?>">添加导航</a></dd>
                      <!--  <dd><a href="<?php echo url('index/add'); ?>">添加标题</a></dd>
                        <dd><a href="<?php echo url('admin/UserList/addUser'); ?>">添加管理员</a></dd>-->
                        <dd><a href="<?php echo url('Jquery/add'); ?>">添加地区用户</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="<?php echo url('index/upload'); ?>">图片上传</a></li>
                <li class="layui-nav-item"><a href="<?php echo url('Chat/ChatList'); ?>">聊天室</a></li>
              <!--  <li class="layui-nav-item"><a href="<?php echo url('Jquery/nav'); ?>">无限级分类</a></li>-->
                <li class="layui-nav-item"><a href="<?php echo url('Jquery/Treeview'); ?>">树型菜单</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!--内容主体区域-->
        <!--<div style="padding: 15px;">内容主体区域</div>-->
        <table class="layui-hide" id="demo" lay-filter="test"></table>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域

    </div>
</div>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script src="/static/layui/layui.js"></script>

<script>
    //JavaScript代码区域
    layui.use(['table','element','jquery'], function(){
        var table = layui.table;
        var element = layui.element;
        var jquery = layui.jquery;

        //向世界问个好
        //layer.msg('Hello yuexiaolei');

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: ''
            ,url: "<?php echo url('UserList/doUserList'); ?>" //数据接口
            ,toolbar:'default'
            ,page: true //开启分页
            ,cols: [[ //表头
                {type: 'checkbox', title: '', fixed: 'left'}
                ,{field: 'id', title: 'ID', width:130, sort: true, fixed: 'left'}
                ,{field: 'title', title: '用户名', width:130}
                ,{field: 'sex', title: '性别', width:130, sort: true}
                ,{field: 'city', title: '城市', width:130}
                ,{field: 'like', title: '爱好', width: 130, sort: true}
                ,{field: 'birthday', title: '生日', width: 150, sort: true}
                ,{field: 'right', title: '操作',toolbar:'#barDemo'}
            ]]
        });

        //监听头工具栏事件
        table.on('toolbar(test)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id)
                ,data = checkStatus.data; //获取选中的数据
            var ids = '';
            for(i=0;i<data.length;i++){
                ids += data[i].id+',';
            }
            //console.log(ids);
            switch(obj.event) {
                case 'add':
                    layer.open({
                        // 标题信息
                        title: '添加数据',
                        type: 2,
                        area: ['600px', '650px'],
                        content: "<?php echo url('UserList/addUser'); ?>",
                        // 关闭窗口
                        btn: '关闭窗口',
                    });
                //window.location.reload();
            }
        });

        //监听工具条
        table.on('tool(test)', function(obj){
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            //console.log(checkStatus);
            if(layEvent === 'detail'){ //查看
                //do somehing
                layer.open({
                    type: 0,
                    anim:5,
                    title:'数据信息展示',
                    area:['400px','400px'],
                    content: 'id：'+obj.data.id+'<br/>'+'标题：'+obj.data.title+'<br/>'+'城市：'+obj.data.city+'<br/>'+'爱好：'+obj.data.like+'<br/>'+'性别：'+obj.data.sex+'<br/>'+'图片：<div><img src="'+ obj.data.file +'" width="200px" height="150px"></div>'+'<br/>'+'描述：'+obj.data.desc+'<br/>'
                    //content:'id：'+'<input type="text" value="'+obj.data.id+'">',
                });
            }
        });
    });
</script>
</body>
</html>